@global-primary-color: var(--global-primary-color);

@global-normal-color: var(--global-normal-color);

@global-warm-color: var(--global-warm-color);

@global-danger-color: var(--global-danger-color);

@global-checked-color: var(--global-checked-color);

@global-border-radius: var(--global-border-radius);

@global-border-color: var(--global-border-color);

@global-fore-color: var(--global-fore-color);

@global-back-color: var(--global-back-color);

:root {
  --global-primary-color: #009688;

  --global-normal-color: #1e9fff;

  --global-warm-color: #ffb800;

  --global-danger-color: #ff5722;

  --global-checked-color: #5fb878;

  --global-border-color: #eee;

  --global-border-radius: 2px;

  --global-fore-color: #333;

  --global-back-color: #ffffff;
}

body[lay-theme="dark"] {

  --global-border-color: #d2d2d2;

  --global-fore-color: #ffffff;

  --global-back-color: #393d49;

}
